<!DOCTYPE html>
<html>
<head>
	<title>模板语法</title>
	<script type="text/javascript" src="../../vue.js"></script>
</head>
<body>
	<!-- 模板语法后面跟的都是 js 表达式 -->
	<div id='root'>
		<!-- 两个花括号这叫差值表达式 -->
		{{message + 'tips'}}
		<!-- v-text 的作用跟差值表达式是一模一样的-->
		<div v-text="message + 'tips'"></div>
		<!-- v-html 能够解析html标签 -->
		<div v-html="message + 'tips'"></div>
	</div>
	<script type="text/javascript">
		var vm = new Vue({
			el : '#root',
			data : {
				message : '<h1>hello 模板语法</h1>'
			}
		})
	</script>
</body>
</html>